<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar  bg-dark navbar-dark ">
    <ul  class="nav ">

        <li class="nav-item1">
            <a style="color: red;font-size: 30px" class="nav-link" href="#">头条号</a>
        </li>

        <li style="margin-left: 200px;margin-top: 10px" class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbardrop1" data-toggle="dropdown">
                发布问答
            </a>
            <div class="dropdown-menu">
                <a class="dropdown-item" href="#">文章</a>
                <a class="dropdown-item" href="#">视频</a>
                <a class="dropdown-item" href="#">微头条</a>
                <a class="dropdown-item" href="#">音频</a>

            </div>
        </li>

    </ul>
    <ul class="nav justify-content-end">
        <li style="margin-right: 100px" class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
                消息
            </a>
            <div class="dropdown-menu">
                <a class="dropdown-item" href="#">系统通知</a>
                <a class="dropdown-item" href="#">评论</a>
                <a class="dropdown-item" href="#">粉丝</a>
                <a class="dropdown-item" href="#">点赞</a>
                <a class="dropdown-item" href="#">@我</a>
                <a class="dropdown-item" href="#">私信</a>
                <a class="dropdown-item" href="#">问答邀请</a>
            </div>
        </li>
    </ul>
    </ul>
</nav>
<div style="margin-left: 100px">
    <h1>这里是问题标题</h1>
    <span>回答xxx</span>
    <span>阅读xxx</span>
    <span>收藏xxx</span>
    <div style="margin-left: 1200px">
        <span><a href="" style="text-decoration: none">收藏问题</a></span>
        <span><a href="" style="text-decoration: none">邀请回答</a></span>
    </div>
</div>
<div>
    <input type="text" placeholder="请输入回答" style="width: 200px;height: 200px;margin-left: 500px"><br>
    <div style="margin-left: 500px">
        <button type="button">预览</button>
        <button type="button">存超稿</button>
        <button type="button">发布</button>
    </div>
       <span  style="margin-top: 50px">这是回答:xxxxx</span>

</div>



</body>
</html>